html, body{
    padding: 0px;
    margin: 0px;
}

header{
    background: url("image/Chall3.png") no-repeat;
    background-size: cover;
    height: 600px;
    width: 1340px;
}

.header{
    display: flex;
    justify-content: right;
    height: 115px;
}

.heading{
    color: WHITE;
    width:990px;
    margin-right: 20px;
    font-size: xxx-large;
    text-align: center;
}

.logo{
    display: flex;
    text-align: right;
}

.quote{
    font-family: castellar;
    margin-left: 300px;
    color: white;
    margin-top: 300px;
}


/* html, body{
	padding: 0px;
	margin: 0px;
}
.div{
	height: auto;
	background-color: slateblue;
}
header{
	background: url("images/8.png") no-repeat center center;
	background-size: cover;
  text-align: center;
}

.header{
	display: flex;
text-align: right;
}


.quote{
	display: flex;
	align-items: center;
	padding-left: 20px;
} */

.quote:hover{
	color: red;
	text-shadow: 0px 2px 3px lawngreen;
}


/* .heading{
	font-size: x-large;
	width: 600px;
	padding-top:0px;
	text-align: center;
	padding-left:0px;
	color:white;
	font-weight: bolder;
	font-size-adjust: 0.8;
	margin-left: 420px;
} */
.heading:hover{
	color: red;
	text-shadow: 0px 3px 4px lawngreen;
}

.home{
	font-size: xx-large;
	background-color: black;
	height: 40px;
	color:#f08804;
	text-align: center;
	padding-top: 10px;
	font-weight: bolder;
	margin-top: 150px
}

.body{
	padding-left: 10px;
	margin-top: 40px;
}

.footer{
  	background-color:rgb(60, 52, 110);
  	color: white;
  	text-align: center;
  	height: 70px;
  	padding-top: 18px;
  	font-family: Arial;
  }
  button{
  	color: rgb(218, 137, 15);
  	background-color: black;
  	width: 65px;
  	height: 30px;
  }
  button:hover{
  	background-color: lawngreen;
  	color: red;
  	height: 35px;
  	width: 80px;
  	font-size: larger;
  }